<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="/static/img/favicon.ico" />
    <title>登录</title>
</head>

<body>
    <div class="login">
        <div class="login_box p-5">
            <div class="title text-center">
                用户登录
            </div>
            <div class="content">
                <div class="form-group mt-4">
                    <input type="text" class="form-control form-control-lg" id="usename" placeholder="用户名">
                </div>
                <div class="form-group mt-4">
                    <input type="password" class="form-control form-control-lg" id="password" placeholder="密码">
                </div>
                <div class="form-group mt-4">
                    <input class="form-control-lg" type="text" id="yzm" placeholder="验证码">
                    <canvas id="yzm_img" width='90' height='40' style="position: relative;top: 14px;left: 15px;">
                        您的浏览器不支持canvas，请换个浏览器试试~11
                    </canvas>
                </div>
                <div>
                    <a href="javascript:;">密码找回</a>
                </div>
                <button class="btn btn-primary form-control form-control-lg mt-3" onclick="login(this)">登录</button>
            </div>
        </div>
    </div>
</body>
<script src="/static/js/base.js"></script>
<script src="/static/js/script.js"></script>
<script>
    clickChange();
    /*点击验证码更换*/
    $('#yzm_img').on('click', function (e) {
        e.preventDefault(); //阻止鼠标点击发生默认的行为
        clickChange();
    });
</script>

</html>